<!DOCTYPE html>
<html lang="en">
<head>
    <title>帮助中心</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.common.js"></script>
    <script src="js/html5.js"></script>
    <link rel="stylesheet" href="css/base/ck_base.css" media="screen">
    <link rel="stylesheet" href="css/index/ck_index2.css" media="screen">
    <style type="text/css">
        body {
            font-family: "Microsoft YaHei";
        }
        .middleView {
            width: 1190px;
            min-height: 600px;
            background-color: white;
            border: 1px solid #ccc;
            overflow: hidden;
        }
        .contentView {
            width: 1150px;
            margin-left: 20px;
            float: left;
        }
        .contentTitle {
            height: 70px;
            border-bottom: 1px solid gainsboro;
            line-height: 70px;
            font-size: 24px;
            color: #666;
            padding-left: 5px;
        }
        .leftNav{
            width: 250px;
            margin-top: 20px;
            margin-bottom: 30px;
            float: left;
        }
        .classNav{
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #666;
            cursor: pointer;
            margin-bottom: 2px;
            border-radius: 5px;
        }
        .classNav:hover{
            background-color: #eee
        }
        .firstClassNav{
            width: 240px;
            padding-left: 10px;
            font-weight:600;
        }
        .secondClassNav{
            width: 220px;
            padding-left: 20px;
            font-weight:500;
        }
        .active{
            background-color: #59acec;
            color: white;
        }
        .active:hover{
            background-color: #59acec;
            color: white;
        }
        .rightView{
            width: 850px;
            margin-left: 25px;
            margin-right: 25px;
            min-height: 200px;
            float: right;
        }
    </style>
</head>
<body class="ck_index">
<div class="middleView mb20 bc">
    <div class="contentView">
        <div class="contentTitle">帮助中心</div>
        <div class="leftNav">
            <div class="classNav firstClassNav">新手指南</div>
            <div class="classNav secondClassNav">服务中心</div>
            <div class="classNav secondClassNav">下载客户端</div>
            <div class="classNav secondClassNav active">安装客户端</div>
            <div class="classNav secondClassNav">注册账号</div>
            <div class="classNav secondClassNav">购买流程</div>
            <div class="classNav secondClassNav">开始学习</div>
            <div class="classNav firstClassNav">常见问题</div>
            <div class="classNav secondClassNav">忘记密码怎么办？</div>
            <div class="classNav secondClassNav">客户端下载的课程资料放在哪里？</div>
            <div class="classNav secondClassNav">选错课程怎么办？</div>
            <div class="classNav secondClassNav">支付不成功怎么办？</div>
            <div class="classNav secondClassNav">家里的学习设备有什么要求吗？</div>
            <div class="classNav secondClassNav">为什么我进入课程后显示空白？</div>
            <div class="classNav secondClassNav">听课中视频和声音卡顿怎么办？</div>
            <div class="classNav secondClassNav">上课迟到了还能听课吗？</div>
            <div class="classNav secondClassNav">是否允许重听？</div>
        </div>
        <div class="rightView">此块为富文本内容</div>
    </div>

</div>
</body>
</html>